@charset 'utf-8';
.wrapper{
    .AS3{
        margin-top: 46px;
        padding: 60px 0;
        background-color: #8BC01F;
        .AS3-con{
            color: #fff;
            .header{
                font-size: 3.43em;
                margin-left: 10px;
                box-sizing: border-box;
                &::before{
                    content: '1';
                    display: inline-block;
                    // width: ;
                    font-size: 48px;
                    line-height: 48px;
                    background-color: #fff;
                    color:  #8BC01F;
                    padding: 0 15px;
                }
            }
            .sub-title,
            .main-text,
            .dl-btn{
                margin-left: 28px;
            }
            .sub-title{
                font-size: 1.71em;
                margin-bottom: 10px;
            }
            .main-text{
                li{
                    margin-bottom: 15px;
                    line-height: 30px;
                }
            }
            .dl-btn{
                font-size: 14px;
                color: #8bc01f;
                width: 100px;
	            height: 34px;
	            background-color: #e8f2d2;
                border-radius: 4px;
                text-align: center;
                line-height: 34px;
                margin-top: 30px;
                margin-bottom: 10px;
            }
            .right{
                img{
                    width: 100%;
                }
            }
        }
    }
    .layaPlayer{
        background-color: #3393df;
        padding: 60px 0;
        .layaPlayer-top{
            >div{
                font-size: 3.43em;
                color: #fff;
                padding: 0 0 10px 24px;
                &::before{
                    content: '2';
                    display: inline-block;
                    // width: 42px;
                    // height: 44px;
                    font-size: 40px;
                    font-weight: bold;
                    line-height: 40px;
                    background-color: #fff;
                    border-radius: 2px;
                    color: #3393df;
                    padding: 0 7px;
                    box-sizing: border-box;
                }
            }
        }
        .layaPlayer-bot{
            .left{
                img{
                    width: 100%;
                }
            }
            .center{
                >div{
                    color: #fff;
                    >h4{
                        font-size: 1.71em;
                        margin: 18px 0 5px;
                    }
                    >p{
                        line-height: 30px;
                    }
                }
            }
            .right{
                padding-top: 155px;
                img{
                    width: 100%;
                    height: auto;
                }
            }
        }
    }
    .airOpen{
        padding: 60px 0;
        .airOpen-con{
            .air,
            .open{
                .title{
                    font-size: 3em;
                    color: #3393df;
                    span{
                        line-height: 33px;
                        font-size: 33px;
                        font-weight: bold;
                        color: #ffffff;
                        padding: 0 7px;
                        border-radius: 2px;
                        background-color: #3393df;
                    }
                }
                .title-text{
                    color: #5d5d5d;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                    margin: 10px 0;
                }
                .sub-title{
                    color: #3393df;
                    margin-top: 25px;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                    margin-bottom: 10px;
                }
                .text{
                    color: #5d5d5d;
                    font-size: 1em;
                    text-indent: 25px;
                    line-height: 25px;
                    margin-bottom: 10px;
                }
                .image{
                    text-align: center;
                }
                // img{
                //     float: right;
                    
                // }
            }
        }
    }
    .storePublish{
        padding: 60px 0;
        background-color: #f7f7f7;
        .storePublish-con{
            .store,
            .publish{
                .title{
                    font-size: 3em;
                    color: #3393df;
                    span{
                        line-height: 33px;
                        font-size: 33px;
                        font-weight: bold;
                        color: #ffffff;
                        padding: 0 7px;
                        border-radius: 2px;
                        background-color: #3393df;
                    }
                }
                .title-text{
                    color: #5d5d5d;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                    margin: 10px 0;
                }
                .sub-title{
                    color: #3393df;
                    margin-top: 25px;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                    margin-bottom: 10px;
                }
                .text{
                    color: #5d5d5d;
                    font-size: 1em;
                    text-indent: 25px;
                    line-height: 25px;
                    margin-bottom: 10px;
                }
                .image{
                    text-align: center;
                }
                // img{
                //     float: right;
                    
                // }
            }
        }
    }

}
@media screen and (max-width:844px){
    .wrapper .AS3 .AS3-con .right img{
        width: 80%;
        height: auto;
    }
    .wrapper .layaPlayer .layaPlayer-bot .left img{
        width: 80%;
        height: auto;
    }
    .wrapper .layaPlayer .layaPlayer-bot .right img{
        width: 80%;
        height: auto;
    }
}
